.container {
    width: 1000px;
    margin: 0 auto;
    /* height: 500px; */
    overflow:hidden;
    /* background: #bbb; */
}


/* 头部 */

header {}

header>.topHeader {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #eee;
    font-size: 12px;
    color: #777;
}

header>.topHeader>.container>span {
    float: left;
}

header>.topHeader>.container>span:last-child {
    float: right;
}

header>.topHeader>.container>span:last-child>em {
    color: red;
}

header>.logo {
    height: 95px;
    /* background: green; */
}

header>.logo>.logoPic {
    float: left;
    width: 175px;
    height: 50px;
    margin-top: 22px;
    background: url('../images/logo.png') no-repeat;
}

header>.logo>.searchBox {
    float: right;
    /* width:350px; */
    margin-top: 19px;
    /* background: red;	 */
}

header>.logo>.searchBox>input {
    display: block;
    float: right;
    width: 230px;
    height: 25px;
    padding: 5px;
    border: 1px solid #bbb;
}

header>.logo>.searchBox>a {
    display: block;
    float: right;
    width: 75px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: white;
    background: #07a7e1;
}

header>.logo>.searchBox>a>i {
    margin-right: 5px;
}

header>.logo>.searchBox>ul {
    margin-top: 40px;
    font-size: 12px;
}

header>.logo>.searchBox>ul>li {
    float: left;
    margin-right: 10px;
}

header>.logo>.searchBox>ul>li:last-child {
    margin-right: 0;
}


/* 导航 */

nav {
    height: 40px;
    background: #07a7e1;
}

nav>ul {
    height: 40px;
    line-height: 40px;
}

nav>ul>li {
    float: left;
    padding: 0 20px;
}

nav>ul>li.active {
    background: #0095bb;
}

nav>ul>li>a {
    color: white;
}


/* 轮播图 */


/* 本例子css */

.slideBox {
    width: 1000px;
    height: 450px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    margin-top: 20px;
}

.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: -37.5px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius:50%;
    line-height: 14px;
    text-align: center;
    text-indent: -9999px;
    background: #fff;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #0095bb;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd img {
    width: 1000px;
    height: 450px;
    display: block;
}


/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url('../images/slider-arrow.png') -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox .prevStop {
    display: none;
}

.slideBox .nextStop {
    display: none;
}


/* 电影 */
.movies{

}
.movies>li{
	overflow:hidden;
}
.movies>li>h2{
	position: relative;
	height: 55px;
	line-height: 55px;
	font-size: 20px;
	color:#777;
	text-indent: 10px;
}
.movies>li>h2::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left:0px;
	margin-top:-10px;
	width:10px;
	height: 20px;
	border-left:3px solid #DD5862;
}

.movies>li>ul{

}

.movies>li>ul>li{
	float:left;
	width: 185px;
	height: 320px;
	margin-right:18px;
	background: white;
}
.movies>li>ul>li:nth-child(5n){
	margin-right: 0;
}

.movies>li>ul>li>a{
  position:relative;
	display: block;
	height: 259px;
  margin-bottom:5px;
}
 .movies>li>ul>li>a:hover::after{
   content:'';
   position: absolute;
   top:0px;
   left:0px;
   width:185px;
   height: 259px;
	 background: rgba(37,37,37,0.5) url('../images/play-icon.png') no-repeat;
   background-position: center;
}
.movies>li>ul>li>a>img{
	max-width: 100%;
}
.movies>li>ul>li>a>span{
  position: absolute;
  right:0px;
  bottom:0px;
  width: 32px;
  height: 17px;
  border-radius: 2px;
  font-size: 12px;
  color:white;
  text-align: center;
}
.movies>li>ul>li>a>span.super{
  background:#337BB6;
}
.movies>li>ul>li>a>span.high{
  background: #0BC77A;
}
.movies>li>ul>li>.mname{
	display: inline;
	font-size:13px;
	color:#777;
	height: 20px;
	margin-right: 10px;
}
.movies>li>ul>li>.mname:hover{
	color:#0095bb;
	text-decoration: underline;
}
.movies>li>ul>li>span{
	color:#999;
}
.movies>li>ul>li>div{
	color:#777;
}
.movies>li>ul>li>div>span,.movies>li>ul>li>div>ul{
	float:left;
	font-size:10px;
	margin-top: 5px;
}

.movies>li>ul>li>div>ul>li{
	float:left;
	padding:0 3px;
	background: #E6E6E6;
	border-radius: 2px;
	margin-right: 5px;
}

.more{
	display: block;
	margin-top:30px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color:white;
	background: #5cb85c;
	border-radius:5px;
}

/*分类页的样式*/
/*筛选器的样式*/
.filter{
  border-top:1px solid #ccc;
  margin-top: 20px;
  margin-bottom:30px;
}
.filter>ul{

}
.filter>ul>li{
  overflow:hidden;
  border-bottom:1px solid #ccc;
}
.filter>ul>li>em{
  display: block;
  float:left;
  width: 110px;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  text-indent: 10px;
}
.filter>ul>li>ul{
  float:left;
  width: 890px;
  height: 35px;
  line-height: 25px;
  margin-top:10px;
}
.filter>ul>li>ul>li{
  float:left;
  padding:0 10px;
  background: #E8E6E7;
  border-radius: 3px;
  margin-right: 5px;
}

.filter>ul>li>ul>li.factive{
  background:#5FA9FE;
}
.filter>ul>li>ul>li.factive>a{
  color:white;
}
.filter>ul>li>ul>li>a{
  color:#777;
}

.filter>ul>li:last-child>ul{
  height: 65px;
  /*background: red;*/
}
.filter>ul>li:last-child>ul>li{
  margin-bottom:5px;
}

/*分页*/
.pagination{
  position: relative;
  height: 60px;
  background: white;
  margin-top:10px;
}
.pagination>ul{
  position: absolute;
  top:50%;
  height:30px;
  margin-top:-15px;
  margin-left:20px;
  /*border:5px solid #ccc;*/
}
.pagination>ul>li{
  float:left;
  height: 30px;
  line-height: 30px;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.pagination>ul>li:last-child{
  border-right:1px solid #ccc;
}
.pagination>ul>li>a{
  display: block;
  padding:0 13px;
  color:#337BB6;
}
.pagination>ul>li.pactive{
  background: #337bb6;
}
.pagination>ul>li.pactive>a{
  color:white;
}

.pagination>ul>li.phover{
  background: #E6E6E6;
}


/*top250样式*/
.jumptron{
  height: 80px;
  padding:50px 30px;
  margin-top: 20px;
  background: #EEEEEE;
}
.jumptron>h2{
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
.jumptron>p{
  height: 25px;
  line-height: 25px;
}

/*top250列表*/
.top250{
  margin-top: 30px;
  padding-top:20px;
  background: white;
}
.top250>li{
  min-height: 265px;
}

.top250>li>ul{
}
.top250>li>ul>li{
  float:left;
}
.top250>li>ul>li.index{
  width:120px;
}
.top250>li>ul>li.index>div{
  width: 90px;
  height: 180px;
  line-height: 180px;
  background: #e0e0e0;
  text-align: center;
  color:white;
  font-size:50px;
  margin:0 auto;
}

.top250>li:first-child>ul>li.index>div{
  background: #FCAD68;
}
.top250>li:nth-child(2)>ul>li.index>div{
  background: #A7C97F;
}
.top250>li:nth-child(3)>ul>li.index>div{
  background: #67B3D7;
}

.top250>li>ul>li.detail{
  width: 655px;
  border-bottom: 1px dashed #ccc;
  padding:10px;
  padding-bottom:20px;
}
.top250>li>ul>li.detail>.detail-pic{
  float:left;
  width:120px;
}
.top250>li>ul>li.detail>.detail-pic>img{
  display: block;
  width: 100px;
  height: 150px;
  margin:0 auto;
}
.top250>li>ul>li.detail>.detail-content{
  float:left;
  width:530px;
}
.top250>li>ul>li.detail>.detail-content>h2{
  height: 30px;
  line-height: 30px;
  color:#347AB6;
  font-weight: bold;
}
.top250>li>ul>li.detail>.detail-content>h2>span{
  margin-left: 20px;
  color:#252525;
}
.top250>li>ul>li.detail>.detail-content>p{
  float:left;
  line-height: 20px;
  font-size: 12px;
}

.top250>li>ul>li.rate{
  position: relative;
  width:205px;
}
.top250>li>ul>li.rate>div{
  position: absolute;
  top:72px;
  left:77px;
  width: 75px;
  height: 67px;
  line-height: 67px;
  color:white;
  font-size:35px;
  text-align: center;
  font-weight: bold;
  background: #679c21;
}

/*电影详情页的样式*/
.main-content{
  background: white;
  min-height: 200px;
  margin-top:20px;
  padding:15px;
}
.main-content>.detail-left{
  float: left;
  width: 770px;

}
.main-content>.detail-right{
  float:right;
  width:200px;
}
/*海报加表格介绍*/
.poster{

}
.poster a{
  color:#079FD6;
}
.poster>.breadcrumb{

}
.poster>.breadcrumb>li{
  float:left;
  padding: 0px 5px;
}

.poster>h1{
  height: 40px;
  line-height: 40px;
  font-size:30px;
  color:#4c4c4c;
}


.poster>.poster-wrapper>.poster-pic{
  float:left;
  width:244px;
  padding:1px;
  margin-right:15px;
  border:1px solid #ccc;
}
.poster>.poster-wrapper>.poster-pic>img{
  max-width: 100%;
  vertical-align: middle;
}
.poster>.poster-wrapper>.poster-detail{
  float:right;
  width:495px;
}
.poster>.poster-wrapper>.poster-detail>table{
  border-collapse: collapse;
  border:1px solid #ccc;
  width:100%;
}
.poster>.poster-wrapper>.poster-detail>table tr{
  height:19px;
  line-height: 19px;
  border-bottom:1px solid #ccc;
}
.poster>.poster-wrapper>.poster-detail>table tr:nth-child(2n+1){
  background: #F9F9F9;
}
.poster>.poster-wrapper>.poster-detail>table tr>td{
  padding:5px;
  font-size:13px;
}
.poster>.poster-wrapper>.poster-detail>table tr>td:first-child{
  width:80px;
  text-align: right;
  border-right:1px solid #ccc;
}
.poster>.poster-wrapper>.poster-detail>table tr>td>ul>li{
  float:left;
  padding:0 3px;
}

.poster>.poster-wrapper>.poster-detail>.btn-group{
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top:13px;
  width:260px;
}
.poster>.poster-wrapper>.poster-detail>.btn-group>li{
  float:left;
  height:35px;
  line-height: 35px;
}
.poster>.poster-wrapper>.poster-detail>.btn-group>li>.btn{
  display:block;
  padding:0px 10px;
  border-right:1px solid #ccc;
  color:#4c4c4c;
}
.poster>.poster-wrapper>.poster-detail>.btn-group>li:last-child>.btn{
  border:none;
}
.poster>.poster-wrapper>.poster-detail>.btn-group>li>.btn>i{
  margin-right:3px;
}

.poster>.poster-share{

}
.poster>.poster-share>p{
  color:#8f8f8f;
  font-size:12px;
}

/*公共的标题样式*/
.deteail-title{
  position: relative;
  margin-top:20px;
  height:50px;
  line-height: 50px;
  font-size:20px;
  text-indent: 10px;
  color:#3c3c3c;
}
.deteail-title::before{
  content:'';
  display: block;
  position: absolute;
  top:50%;
  margin-top:-12.5px;
  height:25px;
  border-left:3px solid #09C878;
}


/*电影介绍*/
.detail-left>.intro{

}
.detail-left>.intro>p{
  text-indent: 30px;
}
.detail-left>.intro>.tags{
  /*margin-top:15px;*/
  padding:20px 0;
  border-bottom: 1px solid #ccc;
}
.detail-left>.intro>.tags>li{
  float:left;
  margin-right:5px;
  height:25px;
  line-height: 25px;
  background: #E6E6E6;
}
.detail-left>.intro>.tags>li>a{
  display: block;
  padding:0 8px;
}

/*资源下载*/
.detail-left>.download{

}
.detail-left>.download>.tabs{
  height:40px;
  line-height: 40px;
  border-bottom:1px solid #ccc;
}
.detail-left>.download>.tabs>a{
  position: relative;
  float:left;
  width:125px;
  height: 39px;
  line-height: 39px;
  text-align: center;
}
.detail-left>.download>.tabs>a>i{
  position: absolute;
  right:10px;
  top:18%;
  display: block;
  height: 18px;
  line-height: 18px;
  padding:2px 3px;
  color:white;
  border-radius: 3px;
  background: #07A7E1;
  font-size:11px;
}
.detail-left>.download>.tabs>a.tab-active{
  border:1px solid #ccc;
  border-bottom:1px solid white;
}
.detail-left>.download>.tab-content{
  display: none;
}
.detail-left>.download>.tab-content>.panel{
  margin-top:20px;
  border:1px solid #ccc;
}
.detail-left>.download>.tab-content>.panel>.panel-header{
  height: 40px;
  line-height: 40px;
  text-indent: 10px;
  color:#333331;
  background: #F5F5F5;
}
.detail-left>.download>.tab-content>.panel>.panel-content{

}
.detail-left>.download>.tab-content>.panel>.panel-content>ul{

}
.detail-left>.download>.tab-content>.panel>.panel-content>ul>li{
  height:40px;
  line-height: 40px;
  padding:0 10px;
  border-bottom:1px solid #ccc;
}

.detail-left>.download>.tab-content>.panel>.panel-content>ul>li>span{
  /*display: inline-block;*/
  float:left;
  height:25px;
  line-height: 25px;
  padding:2px 5px;
  background: #F5F5F5;
  /*background: #222;*/
  margin-top:7.5px;
  border-radius:2px;
}
.detail-left>.download>.tab-content>.panel>.panel-content>ul>li>span:nth-of-type(2){
  float:right;
}

.detail-left>.download>.tab-content>.panel>.panel-content>ul>li>a{
  margin-left:10px;
  color:#07A7E1;
}
.detail-left>.download>.tab-content>.panel>.panel-content>ul>li>a:hover{
  text-decoration: underline;
}
.detail-left>.download>.tab-content>.panel>.panel-footer{
  padding:10px;
  background: #F5F5F5;

}
.detail-left>.download>.tab-content>.panel>.panel-footer>h3{
  font-weight: bold;
  color:#333331;
  font-size:14px;
}

/*精彩推荐*/
.detail-left>.promote{

}
.detail-left>.promote>ul{

}
.detail-left>.promote>ul>li{
  float:left;
  width:120px;
  height:200px;
  margin-right:20px;
}
.detail-left>.promote>ul>li>a{
  position: relative;
  display: block;
  height: 100%;
}
.detail-left>.promote>ul>li>a:hover{
  text-decoration: underline;
}
.detail-left>.promote>ul>li>a:hover::after{
  content:'';
  position: absolute;
  top:0px;
  left:0px;
  width:120px;
  height: 200px;
  background: rgba(37,37,37,0.5) url('../images/play-icon.png') no-repeat;
  background-position: center;
}
.detail-left>.promote>ul>li>a>.movie-wrapper{
  border:1px solid #ccc;
  padding:2px;
}
.detail-left>.promote>ul>li>a>.movie-wrapper>img{
  max-width: 100%;
  vertical-align: middle;
}
.detail-left>.promote>ul>li>a>p{
  text-align: center;
}

/*回复评论*/
.detail-left>.comment{

}
.detail-left>.comment ul{

}
.detail-left>.comment ul>li{
  border-top: 1px dashed #ccc;
  padding:10px 0;
}
.detail-left>.comment ul>li>.headerpic{
  float:left;
  width: 40px;
  padding-right: 10px;
}
.detail-left>.comment ul>li>.headerpic>img{
  width: 40px;
  height: 40px;
}

.detail-left>.comment ul>li>.comment-content{
  float:left;
  width: 92%;
}
.detail-left>.comment ul>li>.comment-content>.ctitle{

}
.detail-left>.comment ul>li>.comment-content>.ctitle>.user{
  float:left;
  color:#07A7E1;
}
.detail-left>.comment ul>li>.comment-content>.ctitle>.floor{
  float:right;
}
.detail-left>.comment ul>li>.comment-content>.ccontent{
  line-height: 30px;
}
.detail-left>.comment ul>li>.comment-content>.cplaud{
  float:right;
}
.detail-left>.comment ul>li>.comment-content>.cplaud>li{
  float:left;
  border-top:none;
}
.detail-left>.comment ul>li>.comment-content>.cplaud>li>a{
  display: block;
  padding:0 5px;
  color:#07A7E1;
}


.detail-left>.comment ul.reply>li{
  border-top:none;
}

.detail-left>.comment>ul>li:last-child{
  border-bottom:1px dashed #ccc;
}
.detail-left>.comment ul.reply{
  margin-left:50px;
}
/*.detail-left>.comment ul.reply>li>.comment-content{
  width:650px;
}*/

.detail-left>.comment ul.reply>li>.headerpic,.detail-left>.comment ul.reply>li>.comment-content{
  border-top:1px dashed #ccc;
  padding-top:10px;
}
.detail-left>.comment ul.reply>li>.headerpic>img{
  width: 20px;
  height: 20px;
  margin-left:20px;
}

/*登陆链接*/
.detail-left>.detail-login{
  margin: 30px 0 10px 0;
  background: #D9EDF6;
  border-radius: 5px;
}
.detail-left>.detail-login>p{
  height:40px;
  line-height: 40px;
  padding-left: 10px;
  color:#317091;
}
.detail-left>.detail-login>p>span{
  font-weight: bold;
}
.detail-left>.detail-login>p>a{
  color:#607AC4;
}

/*中部区域的右侧样式*/
.detail-right>div>h2{
  position: relative;
  font-size:18px;
  height: 25px;
  margin-top: 25px;
  margin-bottom: 10px;
  line-height: 25px;
  text-indent: 10px;
}
.detail-right>div>h2::before{
  content:'';
  position: absolute;
  top:50%;
  left:0px;
  margin-top:-12.5px;
  /*display: block;*/
  height: 25px;
  border-left:3px solid #DE5863;
}

/*浏览过的用户样式*/
.detail-right>.viewer{

}
.detail-right>.viewer>ul{

}
.detail-right>.viewer>ul>li{
  float:left;
  width:42px;
  height: 42px;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.detail-right>.viewer>ul>li:nth-child(4n){
  /*border:5px solid red;*/
  margin-right: 0px;
}

.detail-right>.viewer>ul>li>a{
  display: block;
  overflow: hidden;
}

/*最新更新、本周精选列表样式*/
.detail-right>.movielist>ul{

}
.detail-right>.movielist>ul>li{
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #ccc;
}
.detail-right>.movielist>ul>li:first-child{
  border-top: 1px solid #ccc;
}
.detail-right>.movielist>ul>li>a{
  position: relative;
  display: block;
  /*text-indent: 30px;*/
  padding-left:30px;
}
.detail-right>.movielist>ul>li>a>i{
  position: absolute;
  top:50%;
  left:0px;
  margin-top:-10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #07A7E1;
  color:white;
  /*color:red;*/
  text-align: center;
  /*text-indent: 6px;*/
  /*margin-top:7.5px;*/
}

.detail-right>.movielist>ul>li:nth-child(-n+3)>a>i{
  background: #f00;
}


/* 底部区域 */
footer{
	border-top:1px solid #ccc;
	height: 140px;
	margin-top: 30px;
	font-size: 12px;
	color:#777;
}

footer>ul>li{
	float:left;
	width:33.3%;
	/* padding:30px 35px 30px 0; */
}
footer>ul>li>h3{
	margin-top:30px;
}

footer>ul>li>p{
	margin-top:10px;
	padding-right:30px;
}
footer>ul>li>p>a{
	margin-right: 5px;
}
